<template>
    <div>
      <el-form :inline="true" :model="searchForm"   size="mini">
        <div class="common-btn">
          <el-button type="primary" size="mini">导出excel</el-button>
        </div>
        <div class="search-common">
          <el-row :gutter="10">
            <el-col :sm="8" :xs="24" >
              <div class="grid-content bg-purple">
                <el-form-item label="用户身份" >
                  <el-select  placeholder="" v-model="searchForm.userIdentity" style="width:180px">
                    <el-option label="全部" value=""></el-option>
                    <el-option label="学员" value="0"></el-option>
                    <el-option label="讲师" value="1"></el-option>
                  </el-select>
                </el-form-item>
              </div>
            </el-col>
            <el-col :sm="8" :xs="24" >
              <el-form-item label="经纪商">
                <el-select placeholder="交易状态" v-model="searchForm.mate" style="width:180px">
                  <el-option label="全部" value=""></el-option>
                  <el-option label="睿汇" value="1"></el-option>
                  <el-option label="富德" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :sm="8" :xs="24" >
              <div class="grid-content bg-purple-light">
                <el-form-item label="盈亏状态">
                  <el-select placeholder="盈亏状态" v-model="searchForm.profitLossState" style="width:180px">
                    <el-option label="全部"  value=""></el-option>
                    <el-option label="亏损" value="1"></el-option>
                    <el-option label="盈利" value="2"></el-option>
                  </el-select>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="8" :xs="24">
              <el-form-item label="订单数额" >
                <el-input-number v-model="searchForm.beginOrderNum" controls-position="right"  style="width:100px"    :min="1" :max="9999999"></el-input-number>
                至 <el-input-number   v-model="searchForm.endOrderNum" controls-position="right" style="width:100px"   :min="1" :max="9999999"></el-input-number>
              </el-form-item>
            </el-col>
            <el-col :sm="8" :xs="24" >
              <el-form-item>
                <el-input placeholder="请输入内容" v-model="searchForm.usersTypeCount" class="input-with-select">
                  <el-select v-model="searchForm.usersType" style="width: 120px;" slot="prepend" placeholder="请选择">
                    <el-option label="用户手机" value="0"></el-option>
                    <el-option label="下单ID" value="2"></el-option>
                    <el-option label="用户ID" value="1"></el-option>
                    <el-option label="用户昵称" value="4"></el-option>
                    <el-option label="课程ID" value="3"></el-option>
                  </el-select>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="24" :xs="24">
              <el-form-item label="订单时间" >
                <el-date-picker
                  v-model="searchForm.orderTime"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="24" :lg="6" :xs="24" >
              <el-form-item>
                <el-button type="primary">查询</el-button>
                <el-button type="info">重置</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>
    </div>
</template>

<script>
    export default {
        data() {
            return {
              searchForm:{
                orderChannel:'',
                refundableState:'',
                source:'',
                beginMoney:'',
                endMoney:'',
                usersTypeCount:'',
                usersType:'0',
                orderTime:''
              },
            };
        },
        mounted() {

        },
        methods: {}
    };
</script>
<style scoped></style>
